<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>personal information</title>
    <link rel="stylesheet" href="../css/reset.css"/>
    <link rel="stylesheet" href="../css/common.css"/>
    <link rel="stylesheet" href="../css/calendar.css"/>
    <link rel="stylesheet" href="../css/center.css"/>
    <script src="../js/angular-1.4.6.min.js"></script>
    <script type="text/javascript" src="../js/jquery-1.8.3.min.js"></script>
    <script src="../js/jquery.calendario.js"></script>
</head>
<body ng-app="">
<!--公共头部-->
<div ng-include="'../html/header.html'"></div>
<div class="bread container-fluid">
    <div class="container clear">
        <div class="fl path">
            <p class="fs-18"><em>You are here:&nbsp;</em><span class="bold red text-capitalize">personal center</span></p>
        </div>
        <div class="fr">
            <div class="btn b-red white fs-14 bold">JUMP TO<img src="../img/vimostsports（About-Us-）_03.jpg" alt=""/></div>
            <ul class="list fs-14 text-capitalize">
                <li>
                    <a href="">about us</a>
                </li>
                <li>
                    <a href="">gallery</a>
                </li>
                <li>
                    <a href="">sublimation</a>
                </li>
                <li>
                    <a href="">how to order</a>
                </li>
                <li>
                    <a href="">order process</a>
                </li>
                <li>
                    <a href="">fabric guide</a>
                </li>
                <li>
                    <a href="">blog</a>
                </li>
                <li>
                    <a href="">FAQS</a>
                </li>
                <li>
                    <a href="">customer reviews</a>
                </li>
                <li>
                    <a href="">contact us</a>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="content container clear mt35">
    <div ng-include="'../html/left_aside.html'"></div>
    <div class="r-content fr">
        <div class="r-title">
            <p class="fl left-word">WORKTIME:<span class="red">MON TO SAT</span></p>
            <p class="fl center-word red"></p>
            <p class="fr right-word">TODAY:<span class="red">RED</span></p>
        </div>
        <p class="time-title text-center text-uppercase bold"></p>
        <div id="calendar" class="fc-calendar-container"></div>
    </div>
</div>
<div ng-include="'../html/footer.html'"></div>
</body>
<script>
    $(function() {

        var cal = $( '#calendar' ).calendario( {
                    onDayClick : function( $el, $contentEl, dateProperties ) {

                        for( var key in dateProperties ) {
                            console.log( key + ' = ' + dateProperties[ key ] );
                        }

                    }
                } ),
                $month = $( '.time-title' ).html( cal.getMonthName() ),
                $year = $( '.center-word' ).html( cal.getYear() );

        $( '#custom-next' ).on( 'click', function() {
            cal.gotoNextMonth( updateMonthYear );
        } );
        $( '#custom-prev' ).on( 'click', function() {
            cal.gotoPreviousMonth( updateMonthYear );
        } );
        $( '#custom-current' ).on( 'click', function() {
            cal.gotoNow( updateMonthYear );
        } );
        function updateMonthYear() {
            $month.html( cal.getMonthName() );
            $year.html( cal.getYear() );
        }

        // you can also add more data later on. As an example:

//         $('.left-word').on( 'click', function() {
//
//         cal.setData( {
//         '03-07-2016' : '<a href="#">testing</a>',
//         '03-10-2013' : '<a href="#">testing</a>',
//         '03-12-2013' : '<a href="#">testing</a>'
//         } );
//         // goes to a specific month/year
//         cal.goto( 3, 2013, updateMonthYear );
//
//         } );

    });
    function abc(){
        alert(1)
    }
</script>
<script src="../js/scroll_top.js"></script>
</html>